<template>
  <m-page>
    <!-- 最近应还 -->
    <m-header title="最近应还"></m-header>
    <!-- 持有额度区域 -->
    <div class="g-limit">
      <div><span>02月21日总应还（元）</span></div>
      <div><span>10,000.00</span></div>
      <div><span>系统将根据还款计划从还款账户中自动扣款进行还款</span></div>
    </div>
    <!-- 提示区域 -->
    <div class="g-tip">
      共2笔
    </div>
    <!-- 借款列表区域 -->
    <ul class="g-list">
      <li class="z-current">
        <div>
          <input type="radio" name="list" checked />
        </div>
        <div>
          <div class="g-list-money">
            <span>21日应还</span><span> ￥8,000.00</span>
          </div>
          <div class="g-list-return">
            <span>剩余4期可还完</span>
          </div>
          <div class="g-list-date"><span>2019/12/04借款￥300,000.00</span></div>
        </div>
        <div>
          <div></div>
          <div><ynet-icon name="arrow-right" size="lg"></ynet-icon></div>
        </div>
      </li>
      <li>
        <div>
          <input type="radio" name="list" />
        </div>
        <div>
          <div class="g-list-money">
            <span>21日应还</span><span> ￥2,000.00</span>
          </div>
          <div class="g-list-return">
            <span>剩余10期可还完</span>
          </div>
          <div class="g-list-date"><span>2019/08/08借款￥300,000.00</span></div>
        </div>
        <div>
          <div></div>
          <div><ynet-icon name="arrow-right" size="lg"></ynet-icon></div>
        </div>
      </li>
    </ul>
    <!-- 立即还款按钮 -->
    <div class="g-button">
      <ynet-button type="warning">立即还款</ynet-button>
    </div>
    <!-- 温馨提示 -->
    <div class="g-wentip">
      <span>温馨提示：当日借款需第二天才能开始还款</span>
    </div>
  </m-page>
</template>

<script>
import { Button, Icon } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [Icon.name]: Icon
  },
  data() {
    return {};
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
